$csub: #f00;
page{background-color: #fff;}
.mainDate{
    .date-bar{background-color: #F5F5F5;font-size: 26px;line-height: 1.2;
        .date-bar-item{padding: 10px 0 6px;border-bottom: 4px solid transparent}
        .active{color: $csub;border-color: $csub;}
    }
    .timesolt-bar{
        flex-wrap: wrap;padding: 0 20px;
        .item-timesolt{margin-bottom: 20px;margin-left: 3%;border: 1px solid #ddd;width: 22%;border-radius: 30px;line-height: 60px;}
        .item-timesolt:nth-child(4n+1){margin-left: 0;}
        .item-timesolt-disabled{background-color: #ddd;color: #999;}
        .active{border-color: $csub;background-color: $csub;color: #fff;}
    }
    .btn-main{background-color: #f00;color: #fff;border-radius: 10px}
    

}